@charset "utf-8";
/* CSS Document */

html,body{
	height: 100%;
	width: 100%;
	display: flex;
}

.select{
	width: 25%;
	height: 100%;
	background-color:#EBF7F8;
	position: fixed;
}
.logo{
	font-family: "微软雅黑";
	padding-top: 16%;
	padding-left: 10%;
	font-size: 1em;
	color:#787878;
}
.cur{
	font-family: "微软雅黑";
	font-size: 1.6em;
	padding-top: 10%;
	padding-left: 10%;
}
.items{
	padding-top: 10%;
	padding-left: 10%;
}
.item{
	padding-bottom: 7%;
	font-family:"微软雅黑";
	color:#787878;
}
.item:hover{
	color:#000;
}
.help_item{
	font-family: "等线";
	font-size: 0.7em;
	color: #878787;
	padding-top: 8%;
	padding-left: 10%;
}
.country{
	display: flex;
	padding-left: 10%;
	flex-direction: row;
}
.menu{
	width: 25%;
	height: 100%;
	position: fixed;
	padding-left: 25%;
}

.menu_img{
	width: 100%;
	height: 30%;
	padding-left: 5%;
}

.menu_item{
	height: 67%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	overflow: hidden;
}

.menu_item_sub{
	width: 45%;
	height: 20%;
	border: thin #ddd dotted;
	margin-right: 1%;
}

.menu_item_img{
	padding: 10%;
	width: 80%;
	height: 80%;
}

.right{
	width: 50%;
	height: 100%;
	float: right;
	padding-left: 50%;
}

.detail{
	width: 100%;
	height: 90%;
}

.detail::-webkit-scrollbar{
	display: none;
}

.det_img{
	width: 100%;
	overflow: hidden;
}
.det_panel{
	height: 80%;
	width: 100%;
}
.panel_title{
	padding-top: 7%;
	padding-left: 10%;
	font-family:"微软雅黑";
	font-size: 1.6em;
}
.panel_subtitle{
	font-family: "微软雅黑";
	font-size: 0.8em;
	padding-top: 2%;
	padding-left: 10%;
	padding-bottom: 5%;
}
.panel_txt{
	padding-top: 5%;
	font-family:"等线";
	font-size: 0.9em;
	padding-left: 10%;
}
.usr{
	width: 100%;
	height: 10%;
	position: fixed;
	background: rgba(100%,100%,100%,0.8);
	display: flex;
}
.zan_img{
	padding-left: 5%;
	padding-top: 2%;
	width: 30px;
	height: 30px;
}
.share{
	width: 30%;
	height: 100%;
	padding-left: 70%;
}
.share_img{
	width: 20px;
	height: 20px;
	padding-left: 20px;
	padding-top: 2%;
}
